<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="templates/template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"                
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="tituloPagina">Consultar Notas</ui:define>

    <ui:define name="menuIzquierda">
        <h:form>
            <p:panelMenu >
                <p:submenu label="Opciones">
                    <p:menuitem value="Consultar Notas"   icon="ui-icon-wrench"  url="Consultar.jsf"/>
                </p:submenu>
                <p:separator />
                <p:submenu label="Reportes">
                    <p:menuitem value="Reporte Parcial"  icon="ui-icon-note" url="RepoParcial.jsf"/>                  
                    <p:menuitem value="Reporte Quimestre"  icon="ui-icon-note" url="RepoQuimRepoParcial.jsf"/> 
                </p:submenu>
            </p:panelMenu>
        </h:form>
    </ui:define>

    <ui:define name="contenido">
        <div class="ui-widget-header" style="margin-bottom: 8px;font-size: 16px;padding-left: 10px;">
            <h:outputText value="Reporte de Parcial" />
        </div>
        <p style="font-size: 12px;">Reporte de Notas de un Parcial Seleccionado</p>

        <h:form prependId="false" id="frmPrincipal">

            <h:panelGrid columns="2">
                <h:outputText value="Quimestre:"/>
                <p:selectOneMenu value="#{controladorParcial.strForma}" required="true" requiredMessage="Debe seleccionar un Quimestre">
                    <p:ajax event="change"  process="@this" update="@this"/>
                    <f:selectItem itemValue="-1" itemLabel="Seleccione un Quimestre ..." />
                    <f:selectItems value="#{controladorParcial.comFormas}" var="combo" itemValue="#{combo[0]}" itemLabel="#{combo[1]}"/>
                </p:selectOneMenu>
                <h:outputText value="Parcial:"/>
                <p:selectOneMenu value="#{controladorParcial.strParcial}" required="true" requiredMessage="Debe seleccionar un Parcial">
                    <p:ajax event="change"  process="@this" update="@this"/>
                    <f:selectItem itemValue="-1" itemLabel="Seleccione un Parcial ..." />
                    <f:selectItems value="#{controladorParcial.comParciales}" var="combo" itemValue="#{combo[0]}" itemLabel="#{combo[1]}"/>
                </p:selectOneMenu>
            </h:panelGrid>

            <p:dataTable value="#{controladorParcial.lisCursos}" var="tabla" rowKey="#{tabla[0]}"
                         selection="#{controladorParcial.objCursoSeleccionado}" selectionMode="single" scrollable="true" scrollHeight="80" >
                `
                <p:ajax event="rowSelect" update="@this"/>

                <p:column headerText="CURSO" width="75%">
                    #{tabla[2]}
                </p:column>
                <p:column headerText="PARALELO" width="25%">
                    #{tabla[3]}
                </p:column>
                <p:column headerText="PERIODO" width="75%">
                    #{tabla[1]}
                </p:column>

            </p:dataTable>


            <p:separator/>
            <p:panelGrid columns="2">
                <f:facet name="header">
                    Formato de Salida
                </f:facet>

                <h:graphicImage value="../imagenes/im_pdf.gif"/>
                <p:commandLink value="Adobe Reader(.PDF)"  action="#{controladorParcial.verReporteParcial}" />

            </p:panelGrid>

        </h:form>

    </ui:define>
</ui:composition>